﻿.left
{
    float:left;
    background-color:white;
    min-height:300px;
    width:300px;
    margin-right:20px;
    -webkit-box-shadow:  2px 2px 10px 0px;
    box-shadow:  2px 2px 10px 0px;
}

.menu_group
{
    background-color:white;
    margin-right:20px;
}
.menu_group .parent
{
    height:45px;
    width:auto;
    background-color:White;
    background-image: url('../Images/Layout/bg_menu1.png');
    background-repeat:no-repeat;
    padding-left:70px;
    text-align:left;
    vertical-align:middle;
    margin-bottom:2px;
}
.menu_group div
{
    height:45px;
    width:auto;
    background-image: url('../Images/Layout/bg_menu2.png');
    background-repeat:no-repeat;
    text-align:left;
    padding-left:100px;
    margin-bottom:2px;
}

.alert
{
    width:100%;
    margin:10px 0px 10px 10px;
}

.style1
{
   width: 100px
}
.style2
{
     width: 100px;
     height: 40px;
}
.style3
{
    height: 40px;
}  

.td_right
{
    text-align:right;
    width:30%;
}

.td_left
{
    text-align:left;
    width:70%;
    margin:10px 0px 0px 0px;
    padding-top:10px;
} 

.td_center
{
    text-align:center;
}  

.ListSearchExtender
{
    font-style:italic;
    color:Gray;
}

.cbSearch {
	outline: none;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	border: solid 1px #a3a3a3;
	margin-top:10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
	
.cbSearch:focus 
{
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,0.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,0.5);
	box-shadow: 0 0 5px rgba(109,207,246,0.5);
}

.treeviewselected
{
    color:Black;
    font-size:15px;
    font-weight:bold;
}

.treeviewhover
{
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

a.pagePhanTrang
{
	background-color:#2561b4; 
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	position:relative;
	padding:3px 8px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 2px #999;
	border:1px #3bb3e0;
    
}

input.button_contact, a.button_contact:link, a.button_contact:visited {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EE7500;
    border-color: #FCC47B #8A6433 #8A6433 #FCC47B;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding:3px 8px;
    margin:5px 0px 5px 5px;
    text-decoration: none;
    text-align:center;
}

.txtTrangHienTai
{
    text-align:right;
    margin:8px 0px 0px 0px;
}

.canh_txt
{
    margin:8px 0px 0px 0px;
}

.gridview
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin :10px 5px 10px 5px;
	width: 99%;
	text-align: center;
}

.gridview_header
{
    height:32px;
    font-family:Arial,tahoma;
    color: #fff;
    font-size:13px;
    font-weight:bold;
    background-color:Black;
    
}

.gridview a
{
	font-family:Arial,tahoma;
	text-decoration:none;
	color: #fff;
}

.gridview a:hover
{
	color: red;
}

.gridview tr
{
	font-weight: normal;
	padding: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
	
}

.gridview tr td a
{
	
	color:Blue;
	
}

.gridview td
{
    padding:5px 5px 5px 5px;
	padding: 5px; 
	color: #669;
	background:#f0f4f6;
	font-weight:500;
}

.gridview tr:hover td
{
	background:#727373;
	color: #fff;
	font-weight:500;
}

.td_fitter
{
    text-align: left; 
    font-size: 13px;
    width:auto;
    padding:5px 5px 5px 5px;
    margin:5px 10px 5px 10px;
}

.magin_checkbox
{
    margin:2px 5px 0px 5px;
    clear:both;
    float:left;
    
}

.info, .success, .warning, .error {
    border: 1px solid;
    margin-bottom:10px;
    padding:10px 10px 10px 55px;
    width: 300px;	
    font: bold 12px verdana;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.info {
    color: #00529B;
    background-image:url();
    background: #BDE5F8 url('../Images/Layout/icon-info.png') no-repeat 10px center;
}
.success {
    color: #4F8A10;
    background: #DFF2BF url('../Images/Layout/icon-success.png') no-repeat 10px center;
}
.warning {
    color: #9F6000;
    background: #FEEFB3 url('../Images/Layout/icon-warning.png') no-repeat 10px center;
}
.error {
    color: #D8000C;
    background: #FFBABA url('../Images/Layout/icon-error.png') no-repeat 10px center;
    
}

.table_CSP
{
	width:100%;
	margin-top:10px;
}

.td_right_popup
{
    width:40%;
    margin:15px 5px 5px 5px;
    padding : 5px 5px 5px 5px;
    text-align:right;
}

.td_left_popup
{
     width:60%;
    margin:15px 5px 5px 5px;
    padding : 5px 5px 5px 5px;
    text-align:left;
}

.md_background
{
  background-color:black;
  background-image:url('../Images/Layout/bg_overlay.png');
  background-repeat:repeat;
  filter:alpha(opacity=40);
  opacity:0.5;
}

.md_window
{
  border: 6px solid #201f1f;
  background-color:White;
  padding: 0px 10px 10px 10px;
  position:absolute;
  top:-1000px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 0px 5px 2px black;
}

.popup_h1
{
	color:Black;
	font-size:17px;
    font-weight:bold;
    font-family:arial,Tahoma;
    margin:10px 0px 10px 10px;
    padding:5px 0px 5px 8px;
}

@-webkit-keyframes fadeInTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInTop {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInTop {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInTop {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.InTop {
	-webkit-animation: fadeInTop 2s;
	-moz-animation: fadeInTop 2s;
	-o-animation: fadeInTop 2s;
	animation: fadeInTop 2s;
}

@-webkit-keyframes fadeInLeft {
	0% {opacity: 0;-webkit-transform: translateX(-2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@-moz-keyframes fadeInLeft {
	0% {opacity: 0;-moz-transform: translateX(-2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@-o-keyframes fadeInLeft {
	0% {opacity: 0;-o-transform: translateX(-2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@keyframes fadeInLeft {
	0% {opacity: 0;transform: translateX(-2000px);}
	100% {opacity: 1;transform: translateX(0);}
}

.InLeft
{
    margin-bottom:10px;
    -webkit-animation: fadeInLeft 2s;
	-moz-animation: fadeInLeft 2s;
	-o-animation: fadeInLeft s;
	animation: fadeInLeft 2s;
}


@-webkit-keyframes fadeInRight {
	0% {opacity: 0;-webkit-transform: translateX(2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@-moz-keyframes fadeInRight {
	0% {opacity: 0;-moz-transform: translateX(2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@-o-keyframes fadeInRight {
	0% {opacity: 0;-o-transform: translateX(2000px);}
	100% {opacity: 1;transform: translateX(0);}
}
@keyframes fadeInRight {
	0% {opacity: 0;transform: translateX(2000px);}
	100% {opacity: 1;transform: translateX(0);}
}

.InRight
{
    -webkit-animation: fadeInRight 2s;
	-moz-animation: fadeInRight 2s;
	-o-animation: fadeInRight s;
	animation: fadeInRight 2s;
}

a.style_button
{
    text-decoration:none;
}

a.style_button:hover
{
    color:#fff;
}

.style_button{
	background-color:#2561b4; 
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	position:relative;
	padding:4px 15px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	border:1px #3bb3e0;
}

.style_button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.style_button:active::before {
	top:50%;
	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}


